<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    h1{
      text-align: center;
      color: skyblue;
    }
    h2{
       text-align: center;
    }
    .box{
      width: 100%;
      height: 800px;
      background-color: #ccc;
    }
    .left{
      width: 300px;
      height: 300px;
      background-color: #fff;
      float: left;
      margin-left: 80px;
      border-left: 5px solid orange;
      text-align: center;
    }
    .left>p,.left>span{
      text-align: left;
    }
    .center{
      width: 300px;
      height: 300px;
      background-color: #fff;
      float: left;
      margin-left: 80px;
      border-left: 5px solid skyblue;
    }
    .right{
    width: 300px;
    height: 300px;
    background-color: #fff;
    float: left;
    margin-left: 80px;
    border-left: 5px solid greenyellow;
    }
    .span1{
   background-color: darkorange;
    }
    p{
      text-indent: 2em;
    }
    .p1{
      background-color: #c3c3c3;
      display: inline-block;
      width: 200px;
    }
    .p2{
      display: inline-block;
      width: 200px;
    }
  </style>
</head>
<body>
<div class="box">
<h1>产品核心特性</h1>
  <div class="left">
    <h2>数据安全加密</h2>
    <p>
    <span class="span1">端到端加密</span>技术确保您的数据在传输和存储过程中始终安全。采⽤⾏业标准的AES-256加密算法，为您的信息提供银⾏级别的保护。
    </p>
    <span class="p1">实时数据加密</span>
    <span class="p2">⾃动安全备份</span>
    <span class="p1">多重身份验证</span>
    <span class="p2">合规性认证</span>
  </div>
  <div class="center">
    <h2>智能分析引擎</h2>
    <p>我们的<span class="span1">AI驱动分析</span>系统可以⾃动处理复杂数据，⽣成直观的可视化报告，帮助您发现隐藏在数据中的商业洞⻅。
    ⽀持多种数据源接⼊，包括SQL数据库、Excel表格和<a href="#" >API</a>。
    </p>
  </div>
  <div class="right">
    <h2>多平台⽀持</h2>
    <p>⽆论您使⽤Windows、macOS还是Linux，我们的应⽤都能完美运⾏。同时还提供<span class="span1">移动端应⽤</span>，让您随时随地管理⼯作。
     了解更多跨平台特性，请访问我们的<a href="#">博客 </a></p>
  </div>
</div>
</body>
</html>